<template>
  <view class="bd-li">
    <view class="li-label">{{label}}</view>
    <view class="li-p">
      <slot>{{value}}</slot>
    </view>
  </view>
</template>
<script>
export default {
  props:{
    label: String,
    value: String || Number,
    align: {
      type: String,
      default: () => 'left'
    }
  }
}
</script>
<styls lang="scss" scope>
  .bd-li{display:flex;justify-content: flex-start;line-height:54rpx;font-size:30rpx;
    .li-label{color:#999;}
    .li-p{color:#333;flex:1;word-break: break-all;}
}
</styls>